diff options
| author | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-06-30 08:28:13 +0000 |
|---|---|---|
| committer | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-06-30 08:28:13 +0000 |
| commit | 5b6313f16f508882a0ea67716b7dbaa1c6967f04 (patch) | |
| tree | 3d1d8dafea2f31274ace3fbda08333e889e06d1c /app/[lng]/engineering/(engineering)/b-rfq/[id] | |
| parent | 3f0fad18483a5c800c79c5e33946d9bb384c10e2 (diff) | |
(대표님) 20250630 16시 - 유저 도메인별 라우터 분리와 보안성검토 대응
Diffstat (limited to 'app/[lng]/engineering/(engineering)/b-rfq/[id]')
4 files changed, 192 insertions, 0 deletions
diff --git a/app/[lng]/engineering/(engineering)/b-rfq/[id]/final/page.tsx b/app/[lng]/engineering/(engineering)/b-rfq/[id]/final/page.tsx new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/app/[lng]/engineering/(engineering)/b-rfq/[id]/final/page.tsx diff --git a/app/[lng]/engineering/(engineering)/b-rfq/[id]/initial/page.tsx b/app/[lng]/engineering/(engineering)/b-rfq/[id]/initial/page.tsx new file mode 100644 index 00000000..1af65fbc --- /dev/null +++ b/app/[lng]/engineering/(engineering)/b-rfq/[id]/initial/page.tsx @@ -0,0 +1,52 @@ +import { Separator } from "@/components/ui/separator" +import { type SearchParams } from "@/types/table" +import { getValidFilters } from "@/lib/data-table" +import { InitialRfqDetailTable } from "@/lib/b-rfq/initial/initial-rfq-detail-table" +import { getInitialRfqDetail } from "@/lib/b-rfq/service" +import { searchParamsInitialRfqDetailCache } from "@/lib/b-rfq/validations" + +interface IndexPageProps { + // Next.js 13 App Router에서 기본으로 주어지는 객체들 + params: { + lng: string + id: string + } + searchParams: Promise<SearchParams> +} + +export default async function RfqPage(props: IndexPageProps) { + const resolvedParams = await props.params + const lng = resolvedParams.lng + const id = resolvedParams.id + + const idAsNumber = Number(id) + + // 2) SearchParams 파싱 (Zod) + // - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼 + const searchParams = await props.searchParams + const search = searchParamsInitialRfqDetailCache.parse(searchParams) + const validFilters = getValidFilters(search.filters) + + const promises = getInitialRfqDetail({ + ...search, + filters: validFilters, + }, idAsNumber) + + // 4) 렌더링 + return ( + <div className="space-y-6"> + <div> + <h3 className="text-lg font-medium"> + Initial RFQ List + </h3> + <p className="text-sm text-muted-foreground"> + 설계로부터 받은 RFQ 문서와 구매 RFQ 문서 및 사전 계약자료를 Vendor에 발송하기 위한 RFQ 생성 및 관리하는 화면입니다. + </p> + </div> + <Separator /> + <div> + <InitialRfqDetailTable promises={promises} rfqId={idAsNumber}/> + </div> + </div> + ) +}
\ No newline at end of file diff --git a/app/[lng]/engineering/(engineering)/b-rfq/[id]/layout.tsx b/app/[lng]/engineering/(engineering)/b-rfq/[id]/layout.tsx new file mode 100644 index 00000000..8dad7676 --- /dev/null +++ b/app/[lng]/engineering/(engineering)/b-rfq/[id]/layout.tsx @@ -0,0 +1,87 @@ +import { Metadata } from "next" +import Link from "next/link" +import { Separator } from "@/components/ui/separator" +import { SidebarNav } from "@/components/layout/sidebar-nav" +import { formatDate } from "@/lib/utils" +import { Button } from "@/components/ui/button" +import { ArrowLeft } from "lucide-react" +import { RfqDashboardView } from "@/db/schema" +import { findBRfqById } from "@/lib/b-rfq/service" + +export const metadata: Metadata = { + title: "견적 RFQ 상세", +} + +export default async function RfqLayout({ + children, + params, +}: { + children: React.ReactNode + params: { lng: string, id: string } +}) { + + // 1) URL 파라미터에서 id 추출, Number로 변환 + const resolvedParams = await params + const lng = resolvedParams.lng + const id = resolvedParams.id + + const idAsNumber = Number(id) + // 2) DB에서 해당 협력업체 정보 조회 + const rfq: RfqDashboardView | null = await findBRfqById(idAsNumber) + + // 3) 사이드바 메뉴 + const sidebarNavItems = [ + { + title: "견적/입찰 문서관리", + href: `/${lng}/evcp/b-rfq/${id}`, + }, + { + title: "Initial RFQ 발송", + href: `/${lng}/evcp/b-rfq/${id}/initial`, + }, + { + title: "Final RFQ 발송", + href: `/${lng}/evcp/b-rfq/${id}/final`, + }, + + ] + + return ( + <> + <div className="container py-6"> + <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow"> + <div className="hidden space-y-6 p-10 pb-16 md:block"> + <div className="flex items-center justify-end mb-4"> + <Link href={`/${lng}/evcp/b-rfq`} passHref> + <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto"> + <ArrowLeft className="mr-1 h-4 w-4" /> + <span>RFQ 목록으로 돌아가기</span> + </Button> + </Link> + </div> + <div className="space-y-0.5"> + {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */} + <h2 className="text-2xl font-bold tracking-tight"> + {rfq + ? `${rfq.rfqCode ?? ""} | ${rfq.packageNo ?? ""} | ${rfq.packageName ?? ""}` + : "Loading RFQ..."} + </h2> + + <p className="text-muted-foreground"> + PR발행 전 RFQ를 생성하여 관리하는 화면입니다. + </p> + <h3>Due Date:{rfq && rfq?.dueDate && <strong>{formatDate(rfq?.dueDate)}</strong>}</h3> + </div> + <Separator className="my-6" /> + <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0"> + <aside className="lg:w-64 flex-shrink-0"> + <SidebarNav items={sidebarNavItems} /> + </aside> + <div className="lg:w-[calc(100%-16rem)] overflow-auto">{children}</div> + </div> + </div> + </section> + </div> + </> + ) +}
\ No newline at end of file diff --git a/app/[lng]/engineering/(engineering)/b-rfq/[id]/page.tsx b/app/[lng]/engineering/(engineering)/b-rfq/[id]/page.tsx new file mode 100644 index 00000000..26dc45fb --- /dev/null +++ b/app/[lng]/engineering/(engineering)/b-rfq/[id]/page.tsx @@ -0,0 +1,53 @@ +import { Separator } from "@/components/ui/separator" +import { type SearchParams } from "@/types/table" +import { getValidFilters } from "@/lib/data-table" +import { searchParamsRfqAttachmentsCache } from "@/lib/b-rfq/validations" +import { getRfqAttachments } from "@/lib/b-rfq/service" +import { RfqAttachmentsTable } from "@/lib/b-rfq/attachment/attachment-table" + +interface IndexPageProps { + // Next.js 13 App Router에서 기본으로 주어지는 객체들 + params: { + lng: string + id: string + } + searchParams: Promise<SearchParams> +} + +export default async function RfqPage(props: IndexPageProps) { + const resolvedParams = await props.params + const lng = resolvedParams.lng + const id = resolvedParams.id + + const idAsNumber = Number(id) + + + // 2) SearchParams 파싱 (Zod) + // - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼 + const searchParams = await props.searchParams + const search = searchParamsRfqAttachmentsCache.parse(searchParams) + const validFilters = getValidFilters(search.filters) + + const promises = getRfqAttachments({ + ...search, + filters: validFilters, + }, idAsNumber) + + // 4) 렌더링 + return ( + <div className="space-y-6"> + <div> + <h3 className="text-lg font-medium"> + 견적 RFQ 문서관리 + </h3> + <p className="text-sm text-muted-foreground"> + 설계로부터 받은 RFQ 문서와 구매 RFQ 문서를 관리하고 Vendor 회신을 점검/관리하는 화면입니다. + </p> + </div> + <Separator /> + <div> + <RfqAttachmentsTable promises={promises} rfqId={idAsNumber} /> + </div> + </div> + ) +}
\ No newline at end of file |
